<template>
	<view class="container" v-if="list.length>0">
		<up-collapse
			accordion
		  >
		    <up-collapse-item
			v-for="(item,index) in list" :key="index"
		      :title="item.title"
			  :name="index"
		    >
		      <text class="u-collapse-content">{{item.content}}</text>
		    </up-collapse-item>
		    
		  </up-collapse>
	</view>
	<view v-if="list.length==0" class="empty_box">
	</view>
</template>

<script>
	
	import {
		useStore
	} from '@/store/index.js'
	import {
		onLoad,
		onUnload
	} from "@dcloudio/uni-app"
	import {
		reactive,
		toRefs,
		ref,
		watch,
		computed,
		onMounted,
	} from "vue"
	export default {

		setup() {
			const store = useStore()
			const state = reactive({
				userInfo: computed(() => store.userInfo),
				list:[{
					title:'8岁小孩被吓坏 家长投诉《异形》',
					content:'从社交平台可以看到，王自如 5 天前还以“格力电器总部领导、渠道改革项目负责人”身份，在珠海一酒店出席新销售开盘会',
				},{
					title:'8岁小孩被吓坏 家长投诉《异形》',
					content:'从社交平台可以看到，王自如 5 天前还以“格力电器总部领导、渠道改革项目负责人”身份，在珠海一酒店出席新销售开盘会',
				},{
					title:'8岁小孩被吓坏 家长投诉《异形》',
					content:'从社交平台可以看到，王自如 5 天前还以“格力电器总部领导、渠道改革项目负责人”身份，在珠海一酒店出席新销售开盘会',
				},{
					title:'8岁小孩被吓坏 家长投诉《异形》',
					content:'从社交平台可以看到，王自如 5 天前还以“格力电器总部领导、渠道改革项目负责人”身份，在珠海一酒店出席新销售开盘会',
				},],	
			})
			onLoad(() => {
				getData()
				
			})
       
			const getData = async () => {
				
				
			}
			
			return {
				...toRefs(state),
			}
		}

	}
</script>
<style>
	page {
		background-color: #EFEFEF;
	}
</style>
<style lang="scss" scoped>
 .container{
	background-color: #fff;
	margin-bottom: 10rpx;
	padding: 20rpx;
	padding-bottom: 0;
	.u-collapse-content{
		font-size: 28rpx;
		color: #999;
	}
	
 }
</style>